<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="free-educational-responsive-web-template-webEdu">
    <title>南京葫芦兄弟网络科技有限公司</title>
    <meta name="keywords" content="CB,calabashbrothers,南京葫芦兄弟,葫芦兄弟,南京葫芦兄弟网络科技有限公司" />
    <meta name="description" content="南京葫芦兄弟网络科技有限公司是一家专注于品牌建设、网站、微信运营及维护的公司，通过多年的实践与研究，用心创新，用心服务，培养出具备超强适应力和精准判断力，能够快速按照当地消费情况展开策划思路的运营团队。" />
    <link href="images/favicon.png" type="image/x-icon" rel=icon>
    <link href="images/favicon.png" type="image/x-icon" rel="shortcut icon">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/bootstrap-theme.css" media="screen">
    <link rel="stylesheet" href="css/style.css">
    <link rel='stylesheet' id='camera-css'  href='css/camera.css' type='text/css' media='all'>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <script>
    function design(){
        window.open("http://wpa.qq.com/msgrd?v=3&uin=50559344&site=qq&menu=yes");
    }
</script></head>
<body>
<div class="logo">
    <a href="http://www.calabashbrothers.top/."><img src="images/logo.png" width="300" align="center"></a>
</div><div class="navbar navbar-inverse">
    <div class="container">
                <div class="navbar-header">
    <!-- Button for smallest screens -->
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>
</div>        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav  mainNav">
                <li class="active"><a href="http://www.calabashbrothers.top/."><b>首页</b></a></li>
                <li><a href="http://www.calabashbrothers.top/./resume"><b>简介</b></a></li>
                <li><a href="http://www.calabashbrothers.top/./testimonial"><b>案例</b></a></li>
                <li><a href="http://www.calabashbrothers.top/./hr"><b>招聘</b></a></li>
                <li><a href="http://www.calabashbrothers.top/./contact"><b>联系</b></a></li>
            </ul>
        </div>
        <!--/.nav-collapse -->
    </div>
</div>
<!-- /.navbar -->

<!-- Header -->
<header id="head">
    <div class="container">
        <div class="heading-text">
            <h1 class="animated flipInY delay1"><b>Calabash Brothers</b></h1>
            <h1 style="font-size: 70px;">Work On Internet</h1>
                    </div>
        <div class="fluid_container">
            <div class="camera_wrap camera_emboss pattern_1" id="camera_wrap_4">
                <div data-thumb="images/slides/thumbs/img1.jpg" data-src="images/slides/img2.jpg">
                </div>
                <div data-thumb="images/slides/thumbs/img2.jpg" data-src="images/slides/img4.jpg">
                </div>
                <div data-thumb="images/slides/thumbs/img3.jpg" data-src="images/slides/img3.jpg">
                </div>
            </div><!-- #camera_wrap_3 -->
        </div><!-- .fluid_container -->
    </div>
</header>
<!-- /Header -->
<section class="main-contents">
    <h2 class="text-center sub-texts"><b>一个方案， 帮你解决 互联网 烦恼的问题。</b></h2>
    <div class="container">
        <hr>
        <div class="item-section col-md-4 col-sm-4 col-xs-12">
            <ul>
                <li class="inline-text">
                    <i class="fa fa-star"></i><p class="icon-text">微信活动策划方案</p>
                </li>
                <li class="inline-text">
                    <i class="fa fa-star"></i><p class="icon-text">微信运营及维护方案</p>
                </li>
            </ul>
        </div>
        <div class="item-section col-md-4 col-sm-4 col-xs-12">
            <ul>
                <li class="inline-text">
                    <i class="fa fa-star"></i><p class="icon-text">品牌推广方案</p>
                </li>
                <li class="inline-text">
                    <i class="fa fa-star"></i><p class="icon-text">品牌形象设计方案</p>
                </li>
            </ul>
        </div>

        <div class="item-section col-md-4 col-sm-4 col-xs-12">
            <ul>
                <li class="inline-text">
                    <i class="fa fa-star"></i><p class="icon-text">网站建设方案</p>
                </li>
                <li class="inline-text">
                    <i class="fa fa-star"></i><p class="icon-text">网站运营及维护方案</p>
                </li>

            </ul>
        </div>
    </div>
</section>

<section class="call-to-action text-center">
    <div class="text-all">
        <h2 class="title"><b>定制 一个方案</b></h2>
        <h3 class="subtitle">一个专属你的 2015 潮流方案</h3>
        <button class="infos-button" onclick="design()">私人定制</button>
    </div>
</section>
<footer>
    <div class="footer-section ">
        <div class="container">
            <div class="social pull-left">
                <p>
                    <i class="fa fa-phone"></i>025-52332663
                    <i class="fa fa-envelope-o"></i>Service#calabashbrothers.com.cn('#'改成'@')
                </p>
            </div>
                    </div>
    </div>
    <div class="footer-bottom">
        <div class="container">
            <div class="social pull-left">
                <p>
                    <a style="font-size:13px" target="_blank" href='http://www.miibeian.gov.cn/'>苏ICP备15045438号-2</a>
                    |
                    <a style="font-size:13px" target="_blank" href='http://www.calabashbrothers.top'>南京葫芦兄弟网络科技有限公司</a>
                    |
                    Power by<a style="font-size:13px" target="_blank" href='http://www.calabashbrothers.top'>CalabashBrothers</a>
                </p>
            </div>
                    </div>
    </div></footer>
<!-- JavaScript libs are placed at the end of the document so the pages load faster -->
<script src="js/modernizr-latest.js"></script>
<script src='js/jquery.min.js'></script>
<script src='js/jquery.mobile.customized.min.js'></script>
<script src='js/jquery.easing.1.3.js'></script>
<script src='js/camera.min.js'></script>
<script src="js/bootstrap.min.js"></script>

<script>
    jQuery(function(){

        jQuery('#camera_wrap_4').camera({
            transPeriod: 500,
            time: 3000,
            height: '600',
            loader: 'false',
            pagination: true,
            thumbnails: false,
            hover: false,
            playPause: false,
            navigation: false,
            opacityOnGrid: false,
            imagePath: 'images/'
        });

    });

</script>

</body>
</html>
